<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
     <style>       
            .row1{ 
                background: #dcdcdc;
            }   
              
    </style>
    <body>

        <ui:composition template="./plantilla/plantilla.xhtml">
            
            
        <ui:define name="center">
            <h:form id="form">
                <div class="h_title">Lista de Asignaturas</div>
                <p:growl id="growl" showDetail="true"  />
                <p:panel id="panellista" style="font-size:small;margin: auto">
                <p:dataTable id="listas" var="lista" value="#{asignaturaController.lista}"                                                         
                            paginator="true" rows="15"  rendered="true"
                            paginatorPosition="bottom"
                            style="width: 100%; font-size: 15px;" 
                            rowStyleClass="#{rowIndex mod 2 ne 0 ? 'row1' : 'null'}"
                            rowIndexVar="rowIndex"
                            resizableColumns="true" scrollWidth="true"
                            >  

                    <p:column  style="width:35px">
                        <f:facet name="header">
                            <h:outputText value="Id"  />
                        </f:facet>
                        <h:outputText value="#{lista.NAsgId} " />

                    </p:column>    


                    <p:column  style="width:35px">
                        <f:facet name="header">
                            <h:outputText value="Codigo"  />
                        </f:facet>
                        <h:outputText value="#{lista.VCodigo} " />

                    </p:column>  

                    <p:column  style="width:20%">
                        <f:facet name="header">
                            <h:outputText value="Nombre"  />
                        </f:facet>
                        <h:outputText value="#{lista.VNombre}" style="color:#043f52"/>     
                    </p:column>



                    <p:column  style="width:20px">
                        <f:facet name="header">
                            <h:outputText value="Cred."  />
                        </f:facet>
                        <h:outputText value="#{lista.NCreditos}" style="color:#043f52"/>     
                    </p:column>

                    <p:column style="width:14px">  
                        <p:commandButton id="ver" update=":form :formRequisito:pnlRequisito :formRequisito:pnllis" onclick="vdlgPreRequisito.show()" icon="ui-icon-comment" style=" font-size:10px">  

                            <f:setPropertyActionListener value="#{lista}" target="#{asignaturaController.asignaturaseleccionado}" />  
                        </p:commandButton>  
                    </p:column>

                    <p:column style="width:14px">  
                        <p:commandButton id="editar" update=":form :formEditar:pnleditar" onclick="dialogeditar.show()" icon="ui-icon-pencil" style=" font-size:10px">  
                            <f:setPropertyActionListener value="#{lista}" target="#{asignaturaController.asignaturaseleccionado}" />  
                        </p:commandButton>  
                    </p:column>

                    <p:column style="width:14px">  
                        <p:commandButton id="eliminar" update=":form :formEliminar:pnleliminar" onclick="dialogeliminar.show()" icon="ui-icon-circle-close" style=" font-size:10px">
                            <f:setPropertyActionListener value="#{lista}" target="#{asignaturaController.asignaturaseleccionado}" />
                        </p:commandButton>  
                    </p:column>                   
                </p:dataTable>
                </p:panel>
            </h:form>
            
            <h:form id="formEliminar">
                <p:dialog id="dialogoeliminar" widgetVar="dialogeliminar"  width="350" height="120" 
                                           resizable="false" showEffect="clip" hideEffect="clip" modal="true"
                                           style="font-size: x-small; position:absolute; top:15% ; left:20%; ">
                    <p:panel id="pnleliminar" style="font-size:small;margin: auto">
                        <h:outputText value="¿Esta Seguro que desea la Asignatura?"/><br></br><br></br>
                       
                        <p:commandButton id="opereliminar1" value="SI"
                                      update=":form:listas , :form:growl" ajax="true"
                                      style="font-size: 10px"
                                      actionListener="#{asignaturaController.eliminar()}"       
                                      
                                      onclick="dialogeliminar.hide()"/>
                        <p:commandButton id="opereliminar2" value="NO"                              
                                      style="font-size: 10px"        
                                      update=":form:listas " ajax="true"
                                      onclick="dialogeliminar.hide()"/> 
                            
                    </p:panel>     
                </p:dialog>
            </h:form>
            
            <h:form id="formEditar" >
                <p:dialog id="dialogoeditar" header="Editar Asignatura" widgetVar="dialogeditar" 
                resizable="false" style="position:absolute; top:15% ; left:20%;" modal="true" 
                width="450" showEffect="clip" hideEffect="fold" >  
                    
                    <h:panelGrid id="pnleditar" columns="2" cellpadding="4" >
                        <h:outputLabel value="Codigo:"  styleClass="colum"/>
                       
                        <h:outputText value="#{asignaturaController.asignaturaseleccionado.VCodigo}" style="color:#043f52"/> 
                        <h:outputLabel value="Asignatura:"  styleClass="colum"/>
                        <h:outputText value="#{asignaturaController.asignaturaseleccionado.VNombre}" style="color:#043f52"/>
                        
                        <h:outputLabel value="Credito:"  styleClass="colum"/>
                        <h:outputText value="#{asignaturaController.creditos}" style="color:#043f52"/>
                        <p:outputLabel value="Ciclo:" styleClass="colum"/>
                        <p:selectOneMenu  value="#{asignaturaController.cicloxdefecto}" effect="fold" required="true">
                            <!--<f:selectItem itemLabel="Seleccione Empresas" itemValue=""/>-->
                            
                            <f:selectItems value="#{asignaturaController.itemsCiclosSelectOne}"/>                        
                        </p:selectOneMenu>
                       
                        <p:outputLabel for="idelectivo" value="Electivo: "/>
                                <p:selectOneMenu  id="idelectivo" value="#{asignaturaController.electivopordefecto}" style="width: 200px"
                                                  required="true" >
                                    <f:selectItem itemLabel="Si" itemValue="1" />  
                                    <f:selectItem itemLabel="No" itemValue="0" />  
                                </p:selectOneMenu>
                        
                        <p:commandButton id="botoneditar" value="Aceptar"    
                                         actionListener="#{asignaturaController.editar}"
                                         update=":form:listas  :form:growl" ajax="true"                         
                                         style="font-size: 10px"
                                         onclick="dialogeditar.hide()"
                                         >
                            
                        </p:commandButton>
           
                            
                    </h:panelGrid>
                   
                </p:dialog>
                </h:form>
                
            
            
            <h:form id="formRequisito" >      
                <p:dialog id="dlgPreRequisito" header="Registro de Pre-Requisitos" widgetVar="vdlgPreRequisito" 
                          resizable="false"   modal="true" style="position:absolute; top:15% ; left:20%;"  
                width="700" showEffect="clip" hideEffect="fold" >  

                    <h:panelGrid id="pnlRequisito" columns="2" cellpadding="4" >
                        <h:outputLabel value="Nombre:"  styleClass="colum"/>
                        <h:outputLabel value="#{asignaturaController.asignaturaseleccionado.VNombre}"  styleClass="colum"/>
                      </h:panelGrid>   
                        <p:panel style="margin: auto; height: auto" >
                                    <p:pickList value="#{asignaturaController.listaDual}" var="op" showCheckbox="true"
                                                itemLabel="#{op}" itemValue="#{op}" required="true" requiredMessage="Error"
                                                addLabel="Agregar" addAllLabel="Agregar Todo" removeLabel="Quitar" removeAllLabel="Quitar Todo"
                                                id="pnllis">
                                        <f:facet name="sourceCaption" >Opciones Disponibles </f:facet>
                                        <f:facet name="targetCaption">Opciones Elegidas </f:facet>
                                        
                                    </p:pickList>
                                </p:panel>
                    <br></br>
                        <p:commandButton id="botonver" value="Aceptar"    
                                         actionListener="#{asignaturaController.nuevo()}"
                                         update=":form:listas  :form:growl" ajax="true"                         
                                         style="font-size: 10px"
                                         onclick="vdlgPreRequisito.hide()"
                                         >
                            
                        </p:commandButton>
           
                            
                   
                </p:dialog>
                </h:form>
                 <h:form id="formNuevo" >      
                <p:dialog id="dialogonuevo" header="Registro de Nueva Asignatura" widgetVar="dialognuevo" 
                resizable="false" style="position:absolute; top:15% ; left:20%;" modal="true"
                width="500" showEffect="clip" hideEffect="fold" >  

                    <h:panelGrid id="pnlnuevo" columns="2" cellpadding="4" >
                        <h:outputLabel value="Codigo:"  styleClass="colum"/>
                        <p:inputText value="#{asignaturaController.asignaturanuevo.VCodigo}"  >
                            
                        </p:inputText>                       
                        <h:outputLabel value="Nombre:"  styleClass="colum"/>
                        <p:inputText  value="#{asignaturaController.asignaturanuevo.VNombre}"  >
                            
                        </p:inputText>                     
                        <h:outputLabel value="Ncreditos:"  styleClass="colum"/>
                        <p:inputText value="#{asignaturaController.creditos}"  >
                          
                        </p:inputText>
                        <p:outputLabel value="Ciclo:" styleClass="colum"/>
                        <p:selectOneMenu  value="#{asignaturaController.cicloseleccionado}" effect="fold" required="true">
                            <!--<f:selectItem itemLabel="Seleccione Empresas" itemValue=""/>-->
                            
                            <f:selectItems value="#{asignaturaController.itemsCiclosSelectOne}"/>                        
                        </p:selectOneMenu> 
                        <p:outputLabel for="idelectivo" value="Electivo: "/>
                        <p:selectOneMenu  id="idelectivo" value="#{asignaturaController.electivopordefecto}" style="width: 150px"
                                                  required="true">
                             <f:selectItem itemLabel="Si" itemValue="1" />  
                             <f:selectItem itemLabel="No" itemValue="0" />  
                         </p:selectOneMenu>
                        <p:commandButton id="botoncrear" value="Aceptar"    
                                         actionListener="#{asignaturaController.crearasignatura}"
                                         update=":form:listas :form:growl" ajax="true"                         
                                         style="font-size: 10px"
                                         onclick="dialognuevo.hide()"
                                         >
                            
                        </p:commandButton>
           
                            
                    </h:panelGrid>  
                </p:dialog>
                </h:form>
	</ui:define>
        </ui:composition>

    </body>
</html>